<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>课程介绍</title>
</head>

<body>
    <main>
        <div class="video" muted>
            <video id="video1"></video>
            <i class="iconfont iconleftarrow" id="preview"></i>
            <div id="preview1">
                <i class="iconfont iconicon_play" id="fanhui" ></i>
                <div>视频预览</div>
            </div>
        </div>


        <div class="container">
            <!-- 巧克力腹肌打卡 -->
            <div class="chocolates">
                <h2 id="abdominalMuscles">巧克力腹肌</h2>
                <div class="mK">
                    <div id="Kilocalorie">
                        <p><span id="qianka">45</span>千卡</p>
                        <p><span id="minute">15</span>分钟</p>
                    </div>
                    <div>
                        游览人数
                        <i class="iconfont iconarrow-right"></i>
                    </div>
                </div>
            </div>

            <!-- 用户名 -->
            <div class="user">
                <img id="dog" src="../image/dog.jpg" alt="">
                <div class="lecturer">
                    <div>
                        <h3>金牌讲师</h3>
                        <p>多次获得奖状</p>
                    </div>
                    <div class="follow">

                        <span>+</span>关注
                    </div>
                </div>
            </div>
            <!-- 文本 -->

            <div> <span class="text" id="desc">
                    哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈
                </span>
                <a href="#">更多</a>
            </div>

            <!-- 器械 -->
            <div class="proapparatus">
                <div class="apparatus">
                    <i class="iconfont iconpinci"></i>
                    <div>
                        <h4>练习凭此</h4>
                        <p>每周3-5次</p>
                    </div>
                </div>
                <div class="apparatus">
                    <i class="iconfont iconqixieshebei"></i>
                    <div>
                        <h4>器械</h4>
                        <p>无</p>
                    </div>
                </div>
            </div>
            
            <button id="button">开始训练</button>
        </div>
    </main>
</body>

</html>